/* 主页CSS */


/* 内容主体 */
.content_out{
  width: 100%;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e1e0e0;
}
.content_out .content{
  width: 68%;
  margin: 0 auto;
  padding-top: 2.6rem;
}
/* 优视频 */
.content .video{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.video .title{
  width: 49.7%;
  height: 8.15rem;
  background-color: #ff9000;
  display: flex;
}
.title .tit{
  color: white;
  margin: auto;
  display: flex;
}
.title .tit .u{
  font-size: 4.57rem;
  line-height: 4.57rem;
}
.title .tit h2{
  font-size: 2.2rem;
  font-weight: normal;
}
.title .tit p{
  font-size: 1rem;
}
.video>a{
  display: block;
  width: 16.2%;
  height: 8.15rem;
  margin-bottom: .3rem;
}
.video>a.double{
  width: 32.99%;
  position: relative;
}
.video>a>img{
  width: 100%;
  height: 100%;
}
.double .more{
  width: 100%;
  height: 2.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  visibility: hidden;
  background-color: rgb(255, 144, 0, .8);
}
.double:hover .more{
  visibility: visible;
}
.double .more img{
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 .5rem;
}
.double .more p{
  font-size: .8rem;
  color: white;
}

.video .tiao{
  width: 100%;
  height: .6rem;
  background-color: white;
  margin-top: .5rem;
  margin-bottom: 1.4rem;
}
.video .tiao .per{
  width: 38.5%;
  height: 100%;
  background-color: #ff9000;
}

/* 优粤沙龙 */
.salon{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.3rem;
}
.salon .title{
  width: 32.4%;
  height: 8.3rem;
  display: flex;
  background-color: #54d1f5;
}
.salon>a{
  display: block;
  width: 39.3%;
  height: 8.3rem;
}
.salon>a img{
  width: 100%;
  height: 100%;
}
.salon .text{
  width: 28.3%;
  height: 8.3rem;
  background-color: #54d1f5;
}
.salon .text .tex{
  width: 12.5rem;
  height: 7rem;
  margin-top: .9rem;
  margin-left: 1.5rem;
  color: white;
}
.salon .text .tex .up{
  width: 90%;
}
.salon .text .tex .up h4{
  font-weight: normal;
  font-size: .9rem;
  margin-bottom: .3rem;
}
.salon .text .tex .up p{
  font-size: .7rem;
  line-height: 1rem;
  margin-bottom: .5rem;
}
.salon .text .tex .down{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.salon .text .tex .down img{
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  margin-right: .3rem;
}
.salon .text .tex .down a{
  font-size: .8rem;
  color: white;
  letter-spacing: .05rem;
  line-height: 1rem;
}
.salon .text .tex .down a:hover{
  text-decoration: underline;
}

/* 下半部分 */
.downhalf{
  width: 100%;
  height: 53.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 4.3rem;
}
.downhalf .left{
  width: 71%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* UR有话说 */
.downhalf .left .topleft{
  width: 53.29%;
  height: 38.6rem;
  /* background-color: #ac92ed; */
}
.topleft .title{
  width: 100%;
  height: 8.2rem;
  display: flex;
  background-color: #ac92ed;
}
.image{
  width: 100%;
  height: 30.3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.image .img{
  width: 100%;
  height: 7.5rem;
  position: relative;
}
.image .img>img{
  width: 100%;
  height: 100%;
}
.image .img .mouseon{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  display: flex;
  background-color: rgba(172, 146, 237,.8);
}
.image .img:hover .mouseon{
  visibility: visible;
}
.img .mouseon .mou{
  margin: auto;
  display: flex;
}
.mou>img{
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  margin-right: .6rem;
}
.mou .text{
  width: 16.0rem;
  height: 5.8rem;
  color: white;
}
.mou .text h4{
  font-weight: normal;
  font-size: .9rem;
  margin-bottom: .3rem;
}
.mou .text h4 span{
  font-size: .7rem;
  float: right;
}
.mou .text p{
  font-size: .8rem;
  line-height: 1rem;
  margin-bottom: .3rem;
}
.mou .text p a{
  color: #544185;
}
.mou .text .icon{
  width: 6rem;
  height: 1rem;
  display: flex;
}
.mou .text .icon img{
  width: .9rem;
  height: 100%;
  margin-right: .3rem;
}
/* UR活动 */
.downhalf .left .topmid{
  width: 43.03%;
  height: 38.5rem;
  /* background-color: #fb6e52; */
}
.topmid .title{
  width: 100%;
  height: 10.3rem;
  display: flex;
  background-color: #fb6e52;
}
.topmid .image{
  height: 28.2rem;
}
.topmid .image .img{
  height: 9.34rem;
}
.topmid .mou .text{
  width: 12.2rem;
  height: 6.2rem;
}
.topmid .mou .text h4{
  margin-bottom: .5rem;
}
.topmid .mou .text p{
  font-size: .75rem;
}
.topmid .image .img .mouseon{
  background-color: rgba(251, 110, 82,.8);
}

/* UR粤文化 */
.downhalf .left .butleft{
  width: 100%;
  height: 14.3rem;
  /* background-color: #6abc40; */
  margin-top: .8rem;
  display: flex;
  justify-content: space-between;
}
.butleft .title{
  width: 18rem;
  height: 100%;
  display: flex;
  background-color: #6abc40;
}
.butleft .rightimg{
  width: 60.3%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 3px;
}
.butleft .rightimg>a{
  display: block;
  width: 32.8%;
  height: 7.05rem;
}
.butleft .rightimg>a.double{
  width: 66.1%;
  position: relative;
}
.butleft .rightimg>a>img{
  width: 100%;
  height: 100%;
}
.butleft .double .more{
  background-color: rgba(106, 188, 64,.8);
}

.downhalf .right{
  width: 26.45%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* UR计划 */
.downhalf .right .topright{
  width: 100%;
  height: 21rem;
}
.topright .title{
  width: 100%;
  height: 6rem;
  display: flex;
  background-color: #9ed465;
}
.topright .ulplan{
  width: 100%;
  margin-top: 1px;
}
.topright .ulplan li{
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  background-color: #9ed465;
}
.topright .ulplan li img{
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: 3rem;
  margin-right: 1.5rem;
}
.topright .ulplan li a{
  display: block;
  font-size: .8rem;
  color: #5e5e5e;
  line-height: .9rem;
}
.topright .ulplan li a span{
  font-size: .6rem;
}
.topright .ulplan li:hover a{
  color: white;
}
.topright .ulplan li:hover{
  background-color: #88b757;
}


/* UR影视人 */
.downhalf .right .rightmid{
  width: 100%;
  height: 21rem;
  background-color: white;
}
.rightmid .title{
  width: 100%;
  height: 6.1rem;
  display: flex;
  background-color: #54d1f5;
}
.rightmid .ulhuman{
  width: 92%;
  margin: 0 auto;
}
.rightmid .ulhuman li{
  width: 100%;
  height: 4.9rem;
  border-bottom: 1px solid #ededed;
  display: flex;
  align-items: center;
}
.ulhuman li:last-child{
  border: none;
}
.ulhuman li>img{
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 1.2rem;
  margin-right: .9rem;
}
.ulhuman li .userid a.name{
  font-size: .8rem;
  color: #4d4d4d;
}
.ulhuman li .userid p{
  font-size: .6rem;
  color: #ccc;
  line-height: 1rem;
}
.ulhuman li .userid a.img{
  display: block;
  width: 2.4rem;
  height: .8rem;
  margin-top: .3rem;
}
.ulhuman li .userid a.img img{
  width: 100%;
  height: 100%;
}

/* UR广告 */
.downhalf .right .butright{
  width: 100%;
  height: 9.4rem;
  background-image: url(../images/home_content21.png);
  background-size: 100%;
}
.butright .title{
  width: 100%;
  height: 100%;
  display: flex;
}

